<!--
 * @Descripttion: 日期时间编辑组件
 * @version: V1.0
 * @Author: GW
 * @Date: 2021-09-09 13:59:48
 * @LastEditors: GW
 * @LastEditTime: 2021-09-14 14:48:17
-->
<template>
    <section class="edit-wrapper">
        <p>标题</p>
        <a-input v-model="data.title" maxLength="16"></a-input>
        <a-divider></a-divider>
        <a-checkbox v-model="data.onFill">是否必填</a-checkbox>
        <a-divider></a-divider>
        <p>默认时间</p>
        <a-date-picker class="time-date" v-model="data.text" placeholder="请选择默认时间" />
    </section>
</template>

<script>
export default {
    props: {
        data: {
            type: Object,
            default: {}
        },
    }
}
</script>

<style lang="less" scoped>
    .edit-wrapper {
        padding: 10px 10px 28px;
        .input-number {
            width: 100%;
        }
        .time-date {
            width: 100%;
        }
    }
</style>